import { View, Image, Text } from '@tarojs/components';
import './index.less'

export default function CommodityCard({imageUrl, title, price}) {
    return (
        <View className='commodity-card'>
            <View className='commodity-card-image-box'>
                <Image className='commodity-card-image' src={imageUrl} />
            </View>
            <View className='commodity-card-info'>
                <View className='commodity-card-title'>{title}</View>
                <View className='commodity-card-price'>
                    <Text style={{fontSize: '12px'}}>￥</Text>
                    <Text style={{fontSize: '14px'}}>{price}</Text>
                </View>
            </View>
        </View>
    )
}
